<!DOCTYPE HTML>
<html>
<head>
<title>Activity</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Learn Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="html/css/bootstrap-3.1.1.min.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="html/js/jquery.min.js"></script>
  <script src="html/js/bootstrap.min.js"></script>
  <script src="html/js/tableplugin.js" type="text/javascript"></script>
  <script src="html/js/jquery-1.7.2.min.js" type="text/javascript"></script>
  <script src="html/js/common.js" type="text/javascript"></script>
  <script src="html/js/flipplugin.js" type="text/javascript"></script>
  <script src="html/js/jquery-ui-1.10.2.custom.min.js" type="text/javascript"></script>
  <script src="html/js/charts.js" type="text/javascript"></script>

<!-- Custom Theme files -->
<link href="html/css/style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="html/css/jquery.countdown.css" />
<link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
<link href="html/css/base.css" rel="stylesheet" type="text/css">
<link href="html/css/common.css" rel="stylesheet" type="text/css">
<link href="html/css/teacher-page.css" rel="stylesheet" type="text/css">
<link href="html/css/inquiry.css" rel="stylesheet" type="text/css">
<link href="html/css/date.css" rel="stylesheet" type="text/css">
<link href="html/css/tableplugin.css" rel="stylesheet" type="text/css">
<link href="html/css/jquery-ui-1.10.2.custom.min.css" rel="stylesheet" type="text/css">
<!----font-Awesome----->
<link href="html/css/font-awesome.css" rel="stylesheet"> 
<!----font-Awesome----->
<script>
$(document).ready(function(){
    $(".dropdown").hover(            
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideDown("fast");
            $(this).toggleClass('open');        
        },
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideUp("fast");
            $(this).toggleClass('open');       
        }
    );
});
</script>
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
  <div class="container">
      <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
           <a class="navbar-brand" href="index.html">经济与金融学院学工系统</a>
      </div>
      <!--/.navbar-header-->
      <div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1" style="height: 1px;">
          <ul class="nav navbar-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-search"></i><span>搜索</span></a>
                <ul class="dropdown-menu search-form">
                  <form>        
                        <input type="text a" class="search-text" name="s" placeholder="Search...">    
                        <button type="submit" class="search-submit"><i class="fa fa-search"></i></button>
                  </form>
                </ul>
            </li>
            <li class="dropdown">
                <a href="list.html"><i class="fa fa-list"></i><span>权限管理</span></a>
            </li>
            <li class="dropdown">
                <a href="#"><i class="fa fa-user"></i><span>当前用户</span></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a>学工号：143766</a></li>
                  <li><a href="index.html">退出登录</a></li>
                </ul>
            </li>
          </ul>
      </div>
      <div class="clearfix"> </div>
  </div>
      <!--/.navbar-collapse-->
</nav>
<nav class="navbar nav_bottom" role="navigation">
 <div class="container">
  <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header nav_2">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-megadropdown-tabs">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#"></a>
    </div> 
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
        <ul class="nav navbar-nav nav_1">
            <li><a href="college_info.html">学院动态</a></li>
            <li><a href="Award.html">获奖情况</a></li>
            <li><a href="Paper.html">论文发表</a></li>
            <li><a href="Activity.html">公共活动</a></li>
            <li><a href="student_info.html">学生信息</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">推送<span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="put_img.html">轮播推送</a></li>
                <li><a href="put_info.html">资讯推送</a></li>
              </ul>
            </li>
            <li class="last"><a href="input.html">学生名单录入</a></li>
        </ul>
      </div><!-- /.navbar-collapse -->
   </div>
</nav>
<!-- banner -->
  <div id="content_wrapper_paper">
  <div class="content_tip">学生参与公共活动情况</div>
  <div id="content" class="content_inner">
  <div id="studentMarkInquiry">
  <div id="search" class="top-bar">
    年级： 
    <select id="NJ" style="width:120px;min-height:22px;height:23px;margin:10px 38px 0 26px">
      <option value="all">全部</option>
      <option value="2017">2017级</option>
      <option value="2016">2016级</option>
      <option value="2015">2015级</option>
      <option value="2014">2014级</option>
    </select>
    班级：
    <select id="BJDM" style="width:180px;min-height:22px;height:23px;margin:10px 6px 0 24px">
    <option value="">全部</option>
      <option value="201725111">计算机科学与技术1班</option>
    </select>
    学号：
    <input id="XH" style="width:150px;margin-top:10px;margin-right: 6px" type="text">
    姓名：
    <input id="XM" style="width:150px;margin-top:10px;margin-right:20px" type="text">
    <br>
    活动名称：
    <input id="HDMC" style="width:150px;margin-top:10px;margin-right:7px" type="text">
    活动时间：
    <input id="HDSJ" style="width:150px;margin-top:10px;margin-right:20px" type="text">

    <span class="btn_wr">
      <input class="search clicked" id="btnMarkSearch" value="查询" type="button">
    </span>
   </div>
   <div id="result">
    <table class="tableplugin">
     <tbody>
      <tr class="title">
        <td id="序号">序号</td>
        <td id="学号">学号</td>
        <td id="姓名">姓名</td>
        <td id="性别">性别</td>
        <td id="班级">班级</td>
        <td id="活动名称">参与活动名称</td>
        <td id="活动时间">活动时间</td>
      </tr>
      <tr class="odd">
        <td>1</td>
        <td>1724311001</td>
        <td>曹言征</td>
        <td>男</td>
        <td>2017级金融学1班</td>
        <td>
        <select id="BJDM" style="width:180px;min-height:22px;height:23px;">
          <option value="">新生杯篮球赛</option>
          <option value="2017.11.04">参加读书会</option>
        </select>
        </td>
        <td>2017.10.20</td>
      </tr>
      <tr class="even">
        <td>2</td>
        <td>1724311002</td>
        <td>陈晨</td>
        <td>女</td>
        <td>2017级金融学1班</td>
        <td>校运动会值班</td>
        <td>2017.11.07</td>
      </tr>
     </tbody>
    </table>
   </div> 
   <div class="tipbar"></div>
   <div id="paging">
      <a class="pre" href="#">&#9668;</a>
      <a class="current">1</a>
      <a>2</a>
      <a>3</a>
      <a>4</a>
      <a class="next" href="#">&#9658;</a>
   </div>
   </div>
   </div>
   </div>


    <div class="footer">
      <div class="container">
        <div class="copy">
           Copyright © 2018  <a target="_blank"> XnX </a>  All Rights Reseved.
        </div>
      </div>
    </div>

</body>
</html> 

